<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>

    // 1.计算出字符串中出现次数最多的字符是什么，出现了多少次？
    let str = '小明明和小红还有小兰一起去吃饭';
    // let str = '12233';
    let arr = str.split('');
    let item = arr[0];
    let number = 1;
    arr.forEach(function(v,i){
        // let obj = {};
        // obj.item = v;
        // obj.index = [i];
        let count = 1;
        let newi = i;
        while (newi !== -1) {
            newi = arr.indexOf(v,newi+1);
            if (newi !== -1){
                // obj.index.push(newi) ;
                count++;
            }
            if ( count > number) {
                number = count;
                item = v;
            }
        }
    });
    console.log( number);
    console.log( item);

    // 1.设置一个程序进行以下字符串的操作,把以下字符串进行反转,并首尾字母大写,以字符串的方式输出？
    // 如:  adfljlacz  ===>  ZcaljlfdA
    // let str = 'adfljlacz';
    // let arr = str.split('').reverse();
    // let empty = arr[0].toUpperCase();
    // arr[0] = arr[arr.length-1].toUpperCase();
    // arr[arr.length-1] = empty;
    // console.log(arr.join(''));



    // 3.封装函数把指定对象中的内容以地址栏传参数的方式改写
    // 转换成:    ?name=李寻欢&age=38&....

    // let person = {
    //     name:'李寻欢',
    //     sex:'男',
    //     age:38,
    //     hoppy:'平时喜欢写代码'
    // };
    // let keys = Object.keys( person );
    // let values = Object.values( person );
    // let str2 = '';
    // keys.forEach(function(v,i){
    //     let v1 = keys.length-1 ? `${v}=${values[i]}` : `${v}=${values[i]}&`;
    //     str2 += v1;
    // })
    // console.log(str2);

    // 3.请写出下面所示的控件的html 代码？
    // <form action="#">
    //     <p>姓名：<input type="text"></p>
    //     <p>性别：<input type="radio" name="boy">男<input type="radio" name="girl">女</p>
    //     <p><input type="checkbox" name="boy">转正员工</p>
    //     <p>出生<select>
    //         <option value="1980">1980</option>
    //         <option value="1981">1981</option>
    //     </select></p>
    //     <button>提交</button>
    // </form>

    </script>
</body>

</html>